<template>
    <div class="ban">
        <el-carousel height="500px">
            <el-carousel-item v-for="item in Arr" :key="item">
                <el-image style="width: 100%; height: 100%" :src="item" fit="fill"></el-image>
            </el-carousel-item>
        </el-carousel>
    </div>
</template>
<script>
export default {
    props: {
        Arr: [Array],
    },
};
</script>

<style lang="scss" scoped>
.ban {
    width: 1080px;
    margin: 0 auto;
    border-radius: 30px;
    overflow: hidden;
    .el-carousel {
        
        .el-carousel__container ::v-deep .el-carousel__arrow {
                background-color: red;
            }
        
    }
}
</style>